import React from 'react';

import "./Page4.css";

//有状态组件
//里面的数据是响应的

class Page4 extends React.Component {
	
	constructor(){
		//super() 必须是第一句 调用父类的构造函数
		super();
		//初始化数据
		// this.state = {
		// 	num: 0
		// }
	}
	
	//不在构造函数中初始化数据
	state = {
		num: 0
	}
	
	add = () => {
		//微信小程序 抄袭reaxt的地方 数据响应并驱动视图 要调用 setState
		this.setState({
			num: this.state.num + 1
		})
		console.log(this.state.num);
		console.log("class组件中是有this的",this);
	}
	
    render() {
        return (
            <div className="p2">
				<h1>Page 2 的数据是: {this.state.num}</h1>
				<p>Page 2 组件</p>
				<button onClick={this.add}>增加</button>
            </div>
        );
    }
}

export default Page4;
